import BasicLayout from '@/core/components/layouts/BasicLayout';
import IsAuth from '@/lib/auth/components/IsAuth';
import FinishTempoComponent from '@/lib/pengajuan-tempo/component/FinishTempo';
import { useRouter } from 'next/router';
import axios from 'axios';
import { useState, useEffect } from 'react';
import Seo from '@/core/components/Seo';
import { getAuth } from '~/libs/auth';

export async function getServerSideProps(context) {
  return { props: {} };
}

export default function Finish() {
  const [isLoading, setIsLoading] = useState(true);
  const router = useRouter();
  const auth = getAuth();
  useEffect(() => {
    if (!auth) {
      const nextUrl = encodeURIComponent(router.asPath);
      router.push(`/login?next=${nextUrl}`);
    } else {
      setIsLoading(false);
    }
  }, [auth]);

  if (isLoading || !auth) {
    return null; // Tidak render apa pun selama loading atau auth/tempo belum tersedia
  }
  return (
    <>
      <Seo title='Pengajuan Tempo Indoteknik.com' />

      <IsAuth>
        <BasicLayout>
          <FinishTempoComponent query={router.query || {}} />
        </BasicLayout>
      </IsAuth>
    </>
  );
}